import Taro, {  request } from '@tarojs/taro';
import { View, Text, Button, Image } from '@tarojs/components';
import './index.scss'
import { memo, useState } from 'react';
import useNavInfo from '@/utils/useNavInfo';


function ConsulQrCode() {

    const { appHeaderHeight } = useNavInfo()

    return (
        <View className='page'>
            <View className='top' style={{ paddingTop: appHeaderHeight + 40 }}>
                <Text className='title'>欢迎添加专属客户经理</Text>
                <Text>产品资讯 | 专属服务 | 沟通便捷</Text>
            </View>

            <View className='center'>
                <Image
                    className='logo'
                    src={require('@/assets/icons/consultQrCode_center_logo.png')}
                    mode='cover'
                />
                <Image className='qrCode'
                    src={'https://static.hzddyy.com/app/consultQrCode_kf_code_new.png'}
                    mode='cover'
                    showMenuByLongpress={true}
                />
                <View className='center_bottom'>
                    <Text className='tips'>长按二维码添加客户经理</Text>
                </View>
            </View>
            <View className='bottom'>
                <Image className='img'
                    src={require('@/assets/icons/consultQrCode_ydt_logo.png')}
                />
                <Text>一道投专业服务团队安全守护，请放心添加</Text>
            </View>
        </View>
    );

}


export default memo(ConsulQrCode);